<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()"
     bsModal #bookingModal="bs-modal" class="modal fade login-modal-view wf-login-modal" tabindex="-1" role="dialog"
     aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-body">
        <div class="layout-container clearfix">
          <div class="banner-box fl">
            <div class="img-box">
              <img [src]="mainUrl" alt="">
            </div>
            <div class="banner">
              <span class="wficon-left" *ngIf="banners.length>4"></span>
              <div class="pic">
                <a href="javascript:;" *ngFor="let item of banners" (click)="mainUrl=item.url">
                  <img [src]="item.url" alt="">
                </a>
              </div>
              <span class="wficon-right" *ngIf="banners.length>4"></span>
            </div>
            <div class="facility">
              <span class="font_18">房型配置</span>
              <img src="assets/images/layoutfacility.png" alt="">
            </div>
          </div>
          <div class="content-box fr">
            <div class="layout-name">
              <span class="font_18">{{layoutDetail.name}}</span>
              <span class="rent-price font_24">￥{{layoutDetail.minPrice}}元/月起</span>
            </div>
            <div class="layout-desc">
              {{layoutDetail.description}}
            </div>
            <div class="layout-pic" [ngStyle]="{backgroundImage: 'url('+layoutDetail.layoutImage+')'}">

            </div>
            <div class="layout-btn">
              <div class="reting-btn wf-animation-button text-grey hvr-bounce-bg-to-right main-theme-bg" (click)="goToRentingView(apartmentId)">我要租</div>
              <div class="booking-btn wf-animation-button text-grey hvr-bounce-bg-to-right main-theme-bg" (click)="showBookingModal()">预约看房</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<booking-house-modal-view (modalClose)="closeModal($event)" [apartmentId]="apartmentId"></booking-house-modal-view>

